<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="UTF-8">
    <link rel="icon" href="/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900">
    <title>Vite App</title>
    <style>
      html,body{
        width: 100%;
        height: 100%;
      }
      #app{
        width: 100%;
        height: 100%;
      }
    </style>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <script>
    // let width = document.documentElement.clientWidth;
    // console.log(width);
    // if(width < 750){
    //   (function() {
    //       var html = document.documentElement;
    //       var width = html.getBoundingClientRect().width;
    //       html.style.fontSize = width / 15 + 'px';//至于除数15可自行设置
    //       //1rem=50; 这里代表1rem 等于50px
    //   })() 
    // }else if(width > 750){
    //   (function(){
    //     console.  log('非移动设备')
    //     // 基准大小
    //     baseSize = 100;  // 1rem 等于 100px
    //     let basePc = baseSize / 1920; // 表示1920的设计图,使用100PX的默认值
    //     let vW = window.innerWidth; // 当前窗口的宽度
    //     let vH = window.innerHeight; // 当前窗口的高度
    //     // 非正常屏幕下的尺寸换算
    //     let dueH = vW * 1080 / 1920
    //     if (vH < dueH) { // 当前屏幕高度小于应有的屏幕高度，就需要根据当前屏幕高度重新计算屏幕宽度
    //       vW = vH * 1920 /1080 
    //     }
    //     let rem = vW * basePc; // 以默认比例值乘以当前窗口宽度,得到该宽度下的相应font-size值
    //     document.documentElement.style.fontSize =  rem + "px";
    //   })()
    // }
  </script>
</html>
